<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<%@ page import="artaza.persistencia.*"%>
<%@ page import="java.util.List"%>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>LISTADO</title>
        <link href="/css/style.css" rel="stylesheet" type="text/css" />

        <script language=" JavaScript" type="text/javascript">

            function comprobarbusqueda(){
                var p= document.getElementsByName("palabra");
                if(p[0].value == 0){
                    alert("Introduzca una palabra en el cuadro de busqueda");
                }
            }
        </script>

        <script language=" JavaScript" type="text/javascript">
            function asegurar(){
            var respuesta = confirm ("¿Borrar personal seleccionado?");
            if(!respuesta)
            {
            window.location="/adminSecured/listado";
            }else{
            alert("Personal borrado");
            document.getElementById("borrarcamarero").submit();
            }
            }
        </script>
    </head>
    <body>
        <h1>
            <form action="/adminSecured/ir_index">
                <input type="image" src="/stylesheets/fondo_pagina.png">
            </form>


            <br>
            <center>LISTADO</center>
        </h1>

        <form action="/adminSecured/ir_crear_camarero" method="get">
            <input type="submit" value="Ir a crear nuevo camarero">
        </form>
        <br>
        <fieldset>
            <form action="/adminSecured/busqueda" method="get">

                	<b>Criterio de búsqueda</b><select name="criterio">
                    <optgroup label="" >
                        <option value="1">Nombre</option>
                        <option value="2">Apellidos</option>
                        <option value="3">Teléfono</option>
                        <option value="4">DNI</option>
                        <option value="5">Categoría</option>
                    </optgroup>
                </select>
                <legend><b>Selecciona criterio de búsqueda</b></legend>
                <b>Buscar:</b><input type="text" name="palabra"/>
                <input type="submit" value="Enviar" onclick="comprobarbusqueda()" />
            </form>
        </fieldset>
        <br/>
        <c:choose>
            <c:when test="${!empty plantilla}">
                <c:forEach var="camarero" items="${plantilla}">
                        <fieldset>
                            <fieldset>
                                <center><legend>Información personal</legend></center>
                                <b>Nombre:</b>
                                <c:out value="${camarero.nombre}"/><br/>
                                 <b>Apellidos:</b>
                                <c:out value="${camarero.apellidos}"/><br/>
                                 <b>Dni:</b>
                                <c:out value="${camarero.dni}"/>
                                 <b>Fecha de nacimiento:</b>
                                <c:out value="${camarero.fecha_nac}"/><br/>
                                 <b>Correo electrónico:</b>
                                <c:out value="${camarero.correo}"/>
                                 <b>Teléfono:</b>
                                <c:out value="${camarero.telefono}"/><br/>
                            </fieldset>
                            <fieldset>
                                <center><legend> <b>Información Laboral</b></legend></center>
                                <b>Coche:</b>
                                <c:out value="${camarero.coche}"/><br/>
                                 <b>Categoría:</b>
                                <c:out value="${camarero.categoria}"/><br/>
                                 <b>Disponibilidad:</b>
                                <c:out value="${camarero.disponibilidad}"/><br/>
                                 <b>Comentarios:</b>
                                <fieldset>
                                    <c:out value="${camarero.comentarios}"/><br/>
                                </fieldset>
                            </fieldset>
                            <table>
                                <tr>
                                    <td>
                                        <form action="/adminSecured/borrar_camarero" method="post" id="borrarcamarero">
                                            <input type="button" value="Borrar"  onclick="asegurar();"/>
                                            <input type="hidden" name="id" value="${camarero.idString}" />
                                        </form>
                                    </td>
                                    <td>
                                        <form action="/adminSecured/ir_modificar" method="get">
                                            <input type="submit" value="Modificar"/>
                                            <input type="hidden" name="id" value="${camarero.idString}" />
                                        </form>
                                    </td>

                                    <td>
                                        <form action="/adminSecured/ir_ver_trabajos" method="get">
                                            <input type="submit" value="Consultar trabajos"/>
                                            <input type="hidden" name="id" value="${camarero.idString}" />
                                        </form>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>                
                </c:forEach>
            </c:when>
            <c:otherwise>
                <center> <b>No hay personal guardado.</b></center>
            </c:otherwise>
        </c:choose>
    </body>
</html>
